<ion-nav-view>
    <ion-view>
        <ion-header-bar align-title="center" class="headbar bar-header bar-clear">
            <a nav-direction="back" nav-transition="ios" class="button icon ion-ios-arrow-left button-clear " ng-href="#/main/amap" target="_self"></a>
            <h1 class="title">我的账户</h1>
            <!--<ion-spinner icon="android" ng-hide="$root.currentUser || $root.loggingIn"></ion-spinner>
        -->
    </ion-header-bar>
    <ion-content has-header="true" scroll="true" scrollbar-y="false">
        <div class="hesd card">
            <div class="item item-text-wrap">
                <h1>当前余额0元</h1>
            </div>
        </div>
        <div class="calld list">
            <div class="list">
                <label class="item item-input">
                    <span class="input-label">充值金额</span>
                    <input type="text" placeholder="请输入金额" style="color: white;
                        border: 1px solid rgba(255, 255, 255, 0.53);
                        margin-right: 20px;border-radius: 5px;
                        font-size: 16px;
                        text-align: center;
                        padding: 0 10px;">
                    <span class="input-label">元</span>
                </label>
            </div>
            <a class="item item-icon-left item-icon-right" ng-href="#/trades" target="_self"> <i class="icon ion-pricetag"></i>
                交易明细 <i class="icon ion-ios-arrow-right  icon-clear"></i>
            </a>
        </div>
        <div class="payd list">
            <div class="pay item item-divider">
                支付方式:
                <span class="payment">{{ data.clientSide }}</span>
            </div>
            <ion-radio ng-repeat="item in clientSideList" ng-value="item.value" ng-model="data.clientSide" class="labe">{{ item.text }}</ion-radio>
        </div>
        <button class="logining button button-calm button-block" ng-click="recharge()">立即充值</button>
    </ion-content>
</ion-view>
</ion-nav-view>